<template>
	<view class="erp">
		<view class="box">
			<view class="box-item" v-for="(item,index) in list" :key='index' @click="open(item.url)">
				<view class="iconfont u-font-46" :class="item.icon"></view>
				<text class="mt-30 u-font-32">{{item.name}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[
					{
						name:'仓库管理',
						icon:'iconfont-e684',
						url:'/package/system/erp/warehouse/Administration'
					},
					{
						name:'产品库存',
						icon:'iconfont-e625',
						url:'/package/system/erp/stock/InventoryManagement'
					},
					{
						name:'产品入库',
						icon:'iconfont-e622',
						url:'/package/system/erp/stock/InventoryList'
					},
					{
						name:'产品出库',
						icon:'iconfont-e6fe',
						url:'/package/system/erp/stock/InventoryList?type=1'
					},
					{
						name:'扫码入库',
						icon:'iconfont-e639',
						url:'/package/system/erp/stock/InventoryManagement?type=1'
					},
					{
						name:'',
						icon:'',
						url:''
					}
				]
			}
		},
		methods:{
			open(url){
				this.$linkTo(url)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.erp{
		.mt-30{
			margin-top: 30rpx;
		}
		.box{
			// border-top: 1px solid #e7e7e7;
			border-bottom: 1px solid #e7e7e7;
			display: flex;
			flex-wrap: wrap;
			.box-item{
				display: flex;
				width: 250rpx;
				height: 200rpx;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				border-top: 1px solid #e7e7e7;
				border-right: 1px solid #e7e7e7;
				
			}
		}
	}
</style>
